<template>
<div>
<!--  页面全部使用模块化功能-->
  <el-tabs v-model="activeName" style="margin-left: 20px;"  >
<!-- 日报   -->
    <el-tab-pane label="日报" name="first">
      <day></day>
    </el-tab-pane>
<!--  周报   -->
    <el-tab-pane label="周报" name="second">
      <zhou></zhou>
    </el-tab-pane>
<!-- 月报使用elment  -->
    <el-tab-pane label="月报" name="three">
      <yue></yue>
    </el-tab-pane>
  </el-tabs>

</div>
</template>

<script>
import yue from "./components/monthly"
import zhou from "./components/weekly"
import  day from "./components/day"

export default {
  data(){
    return{
      activeName: 'first'
    }
  },
  components:{
    yue,zhou,day
  },
  name: "index"
}
</script>

<style scoped>

</style>
